<script setup lang="ts">
import Tabbar from "@/components/tab-bar.vue";
import { useRoute } from "vue-router";
import {ref,reactive} from 'vue'
const route = useRoute()
const active = ref(0);
const value = ref('');
const onChange = (index) => {
}
</script>
<template>
  <div class="top">
    <van-search v-model="value" placeholder="请输入搜索关键词" />
    <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
      <van-swipe-item>1</van-swipe-item>
      <van-swipe-item>2</van-swipe-item>
      <van-swipe-item>3</van-swipe-item>
      <van-swipe-item>4</van-swipe-item>
    </van-swipe>
  </div>
  <div class="main">
    <router-view></router-view>
  </div>
  <Tabbar/>
</template>
<style scoped>
.my-swipe .van-swipe-item {
  color: #fff;
  font-size: 20px;
  line-height: 80px;
  text-align: center;
  background-color: #39a9ed;
}
.top{
  position: fixed;
  width:100%;
  height:130px;
  top:0px;
  left:0px;
  z-index: 999;
  background: white;
}
.main{
  margin-top:140px;
  height: calc(100vh - 180px);
  overflow: auto;
}
</style>